@import 'tailwindcss/utilities';
@import url('https://fonts.cdnfonts.com/css/noto-sans');
@import 'fonts.scss';
@import 'vars.scss';
@import 'colors.scss';
@import 'vue-virtual-scroller/dist/vue-virtual-scroller.css';
@import 'vue-skeletor/dist/vue-skeletor.css';

@layer utilities {
  // fallback/default font
  * {
    font-family: 'Noto Sans', sans-serif;
    font-kerning: none;
    -webkit-font-kerning: none;
  }
}

body {
  background-color: var(--c-bg-grey);
}

/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--c-grey-small);
  border-radius: 12px;
}

/* Thumb */
::-webkit-scrollbar-thumb {
  background: var(--c-grey-medium);
  border-radius: 12px;
}

/* Thumb on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--c-grey-large);
}

.nuxt-icon {
  margin-bottom: 0 !important;
}
